<template>
  <div>
    <ScrollList :list="listData" @item-click="handleClick" title="实时热点" :speed="1"></ScrollList>
  </div>
</template>

<script>
import ScrollList from '@/components/scroll/index';
export default {
  components: {
    ScrollList,
  },
  props: {},
  data() {
    return {
      listData: [],
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.listData = new Array(10).fill({ title: '这是一条假数据', id: 1 });
  },
  methods: {
    handleClick(item) {
      console.log(item);
      this.$router.push({ name: 'detail', params: { id: item.id } });
    },
  },
};
</script>
<style>

</style>
